<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <title>Install System</title>
        <!--[if IE]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    </head>

    <body>
        <nav class="navbar  navbar-static-top" role="navigation">
            <div class="container">
                <ul class="nav nav-pills">
                    <li class="active"><a href="#tab1" data-toggle="tab">WinXP</a></li>
                    <li><a href="#tab2" data-toggle="tab">Ubuntu</a></li>
                    <li><a href="#tab3" data-toggle="tab">Win7</a></li>
                    <li><a href="#tab4" data-toggle="tab">Win8</a></li>
                </ul>
            </div>
        </nav>
        <div class=" tab-content" style=" border: 1px red solid" >
            <div class="tab-pane active" id="tab1" >tab1</div>
            <div  class="tab-pane " id="tab2" >
                <div class="tabbable tabs-right">
                   
                    <ul class="nav nav-tabs nav-pills">
                        <li><h3 class="">Install Ubuntu14.04</h3></li>
                        <li><a href="#Ubuntu-1" data-toggle="tab">Step one</a></li>
                        <li><a href="#Ubuntu-2"  data-toggle="tab">Two</a></li>
                        <li><a href="#Ubuntu-3" data-toggle="tab">Three</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="Ubuntu-3"><img class="span12" src="css/ubuntu-intro.jpg" alt=""/> </div>
                        <div class="tab-pane " id="Ubuntu-1" >This is step one test content
                            <img src="css/git-model.jpg" alt=""/>
                        </div>
                        <div class="tab-pane " id="Ubuntu-2" ><p>This is step two test content</p></div>
                    </div>
                </div>
            </div>
            <div class="tab-pane " id="tab3" >tab3 test</div>
            <div class="tab-pane " id="tab4" >tab4 test</div>
        </div>
        <script src="assets/js/jquery-1.9.1.min.js"></script> 
        <script src="assets/js/bootstrap.min.js"></script>
    </body>
</html>